<template>
  <view class="container">
    <!-- 充值记录列表 -->
    <view class="recharge_record_list">
      <view class="recharge_record_list_item" v-for="(item, index) in rechargeRecordList" :key="index">
        <view class="recharge_record_list_item_left">
          <view class="recharge_record_list_item_left_top_text">{{
            item.createTime
          }}</view>
          <view class="recharge_record_list_item_left_bottom_text">{{
            item.description
          }}</view>
        </view>
        <view class="recharge_record_list_item_right_text">+{{ item.changeAmount }}</view>
      </view>
    </view>
  </view>
</template>

<script>
import { queryBalanceChange } from "@/api/index";
export default {
  components: {},
  data() {
    return {
      // 页面参数
      options: {},
      rechargeRecordList: [],
    };
  },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    try {
      const _res = await queryBalanceChange();

      console.log("_res.list", _res.list);

      _res.list.forEach((_r) => {
        this.rechargeRecordList.push(_r);
      });
    } catch (error) { }
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() { },

  methods: {},
};
</script>

<style lang="scss" scoped>
.container {
  background: #f6f7fb;
  height: 100%;

  padding: 17.045rpx 25.568rpx 25.568rpx 25.568rpx;
}

.recharge_record_list_item {
  // width: 698.864rpx;
  // height: 122.727rpx;
  background: #ffffff;

  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 22.159rpx 28.977rpx 22.159rpx 42.614rpx;
  margin-top: 10px;
}

.recharge_record_list_item_left_top_text {
  font-family: "Microsoft YaHei";
  font-size: 25.568rpx;
  font-weight: 400;
  line-height: 33.75rpx;
  color: #818181;
}

.recharge_record_list_item_left_bottom_text {
  color: #60a4f7;
  font-family: "Microsoft YaHei";
  font-size: 23.864rpx;
  font-weight: 700;
  line-height: 31.5rpx;
  text-align: left;

  margin-top: 13.636rpx;
}

.recharge_record_list_item_right_text {
  font-family: Microsoft YaHei;
  font-size: 35.795rpx;
  font-weight: 400;
  line-height: 47.25rpx;
  text-align: left;
  color: #60a4f7;
}
</style>
